



.logo a {float: left; width:60px;height: 60px;background:url("logo.html") 0 0 no-repeat;}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2) {

.logo a  {background: #d9d8d0 url("logo_2x.html"); background-size: 120px 60px ;}   

}



.logo span{display: none;}

.logo a:hover {background-position: -60px 0; }





ul#menu li {display:inline;margin-left:12px;}

ul#menu {float: right;padding:0px;position:relative;right: 0px;width: 200px;}



.content {clear:both; position:relative; background: #eeece4; padding: 0; margin: 0 auto; height: 510px;}

.contentZoom {clear:both; position:relative; background: #262525;padding: 0;margin: 0 auto; height: 500px;  }

.shadow { height:10px; margin: 0 auto; background: #d9d8d0 url("nav_bg2.html") 0 0 repeat-x;}



/* Tabs */

.tab-container { height:60px; margin: 0 auto; background: #d9d8d0 url("nav_bg.html") 0 0 repeat-x;}

.tab-menu {width: 310px; margin: 0 auto;padding: 0;}

.tab-menu li {float:left;margin: 0;padding: 0;}

.tab-menu li a {display: block;width: 60px;min-height: 59px;margin-right: 2px;padding: 0;border-bottom-style: solid; border-bottom-width: 1px;border-bottom-color: #FFF;background: #d9d8d0 url("nav_box.html") 0 0 }

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2) {

.tab-menu li a {background: #d9d8d0 url("nav_box_2x.html"); background-size: 300px 180px ;}   

}





.tab-menu li a span { display: block; text-align: center; height: 20px; padding-top: 5px; }



.tab-menu li.t1 a				{ background-position: 0px 0px; }

.tab-menu li.t1 a:hover			{ background-position: 0px -60px; }

.tab-menu li.t1 a.tab-active	{ background-position: 0px -120px; }

.tab-menu li.t2 a 				{ background-position: -60px 0px; }

.tab-menu li.t2 a:hover 		{ background-position: -60px -60px; }

.tab-menu li.t2 a.tab-active 	{ background-position: -60px -120px; }

.tab-menu li.t3 a 				{ background-position: -120px 0px; }

.tab-menu li.t3 a:hover 		{ background-position: -120px -60px; }

.tab-menu li.t3 a.tab-active 	{ background-position: -120px -120px; }

.tab-menu li.t4 a 				{ background-position: -180px 0px; }

.tab-menu li.t4 a:hover 		{ background-position: -180px -60px; }

.tab-menu li.t4 a.tab-active 	{ background-position: -180px -120px; }

.tab-menu li.t5 a 				{ background-position: -240px 0px; }

.tab-menu li.t5 a:hover 		{ background-position: -240px -60px; }

.tab-menu li.t5 a.tab-active 	{ background-position: -240px -120px; }

.tab-menu li a.tab-active 		{ border-bottom: 1px solid #eeece4; }







	

/* Carousel List */	

.jca

{

	float:left;

	width:100%;

}		

.carousel {margin:0 auto; padding:0; width:100%; float:right;}

.jca .carousel {margin: 29px auto; float:right; padding: 0; width:100%; background: none; background:url(../img/jca_br.html) repeat-x bottom; border:1px solid #e2e0e0;}

.footer .carousel {margin: 0 !important; background:none !important; width:100% !important; padding:0 !important;}

.carousel ul {margin: 0; padding: 0;list-style: none;display: block;}

.carousel li {font-size: 12px;color: #999;padding: 0;margin: 5px;text-align: left;display: block;float: left; height:350px; line-height:15px !important;}

.jca .carousel li {font-size: 12px;color: #999;padding:5px;margin:0 -1px 0 0 ;text-align: left;display: block;float: left; height:148px; width:180px; border-right:1px solid #e2e0e0; border-left:1px solid #e2e0e0;}

.footer .carousel li {font-size: 12px;color: #999;padding: 0;margin: 5px;text-align: left;display: block;float: left; height:82px; width:143px}

.carousel img {margin-bottom: 10px;}

.jca .carousel img {float:left; margin-bottom:0 !important;}

.jca .carousel .jca_name {float: left; width:100%; text-align:center; line-height:13px; margin-top:14px;}

.carousel li .cover {color:#d21d1c;  font-weight:600;}

.carousel li span {color:#525252; text-transform:capitalize; line-height:normal !important; font-size:11px;}

.carousel .thumb-wrapper {background:#d9d8d0;display:block;float:left;width:240px;height:240px;top: 0 px;left:0 px;background-repeat:no-repeat ;margin-bottom:10px}

.carousel .hoverimage { display: none; }	

.carousel a:hover .hoverimage {display: block;height:240px;}



/* Carousel Project */			

.carouselProject {margin: 0 auto; padding: 40px 0; width:100%;}

.carouselProject #carousel_big {margin:0; padding:0; display: block;}

.carouselProject .slide {margin:0 auto ; padding:0; display: block; float: left; }

.carouselProject #slide-wrapper{position: relative; display: block;  margin:0 auto;}



.carouselProject .slideText {float:right; margin:20px 0 0 40px;display: block; width:200px; float: right; font-size:13px; line-height:18px; color:#969590;}

.carouselProject h2 {font-weight:500; font-size:24px; line-height:26px; color:#FFF;}

.carouselProject p {margin:15px 0;}



#imageWrap {display: block; float: left; width: 680px; height: 420px;}

ul#thumbs {margin:0;text-align:center;}

ul#thumbs li {float:left;display:block; margin-left:2px; width:20px; background: #333; height:20px;}

ul#thumbs  li a {display: block; overflow: hidden; }

ul#thumbs  li a:hover { background-color: #cd0505;}



.header .back { display:block; position:relative; top:60px; width:100%; height:80px;}

/*.header a.back span{display:none;};*/

.header a.back:hover {cursor:n-resize;};

		

.clearfix {float: none;clear: both;}



/* ~~ Arrows ~~ */

a.prev, a.next {width: 38px;height:148px;display: block; position: absolute; z-index:1000000 !important;}

a.prev { background: url(../img/prev.png) no-repeat transparent; top:60px ; right:-15px;  }

a.next { background: url(../img/next.png) no-repeat transparent; top:60px ; left:-15px;  }

a.next:hover{ background-position: 0 -148px;}

a.prev:hover{ background-position: 0 -148px;}

a.prev.disabled, a.next.disabled {cursor: default;}

a.prev span, a.next span {display: none;}







@media screen and (max-width: 980px) {

	/* Carousel Project */			

.carouselProject .slideText {float:right; margin:20px 0 0 20px;display: block; width:140px; float: right; font-size:12px; line-height:16px; color:#969590;}

.carouselProject h2 {font-weight:500; font-size:18px; line-height:20px; color:#FFF;}

.carouselProject p {margin:15px 0;}



}



@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

 

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

	

  .logo { display: none; } /* your css rules for ipad portrait */

 

}